<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品预定</title>
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery.js"></script>
    <script src="../js/jquery.ui.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="nav_box">
    <div class="logo"><img src="../img/main_logo.png"></div>
    <div class="nav_right">
        <dl>
            <dd><a href="../index.html">首页</a></dd>
            <dd><a href="../About/introduction.html">关于我们</a></dd>
            <dd><a href="../Driver/driver.html">车手介绍</a></dd>
            <dd><a href="../Program/Program.html">节目介绍</a></dd>
            <dd><a href="../Media/Media.html">媒体中心</a></dd>
            <dd><a href="../Culture/Automobile_culture.html">汽车文化</a></dd>
            <dd><a href="../video/video_list.html">视频中心</a></dd>
            <dd><a href="../gallery/gallery_list.html">精彩图库</a></dd>
            <dd><a href="../entertainment/entertainment.html">休闲娱乐</a></dd>
            <dd><a href="../order/Product.html">产品预定</a></dd>
        </dl>
    </div>
</div>
<!-- 头部导航结束 -->
<!-- banner图 -->
<div class="banner_box">
    <img src="../img/banner_1.jpg">
</div>
<!-- banner结束 -->
<!-- 正文内容开始 -->
<div class="main_box">
    <div class="main_content">
        <div class="piti_box clearfix">
            <h3>destine</h3>
            <p>产品预定</p>
        </div>
        <div class="piti_m clearfix">
            <h3>Ticket booking</h3>
        </div>
        <div class="hdbox clearfix">
            <ul>
                <li class="active"><a href="#">门票预定</a> <span>/</span></li>
                <li><a href="#">酒店预定</a> <span>/</span></li>
                <li><a href="#">餐饮预定</a></li>
            </ul>
        </div>
        <div class="bdbox">
          <div class="order_box">
              <ul>
                <li>
                  <div class="order_img"><img src="../img/order1.jpg"></div>
                  <div class="order_text">
                      <h3>张家界Passion汽车特技表演</h3>
                      <p>场馆地址：湖南省张家界市永定区白杨坡<span class="map_open"><em><img src="../img/map.png"></em>查看地图</span></p>
                      <p>开放时间：表演每晚20：30开始，表演时间1小时。</p>
                      <p>节目介绍： 速度与激情，国内唯一完美融合跑酷，街舞，汽车，摩托车特技表演 | 汽车街舞速度与激情速度与激情速度与激情</p>
                  </div>
                  <div class="order_right">
                      <h3>￥<strong>98</strong>起</h3>
                      <del>原价：60.00</del>
                      <span><a href="Product_xq.html">立即预定</a></span>
                  </div>
                </li>
                  <li>
                      <div class="order_img"><img src="../img/order2.jpg"></div>
                      <div class="order_text">
                          <h3>张家界Passion汽车特技表演</h3>
                          <p>场馆地址：湖南省张家界市永定区白杨坡<span class="map_open"><em><img src="../img/map.png"></em>查看地图</span></p>
                          <p>开放时间：表演每晚20：30开始，表演时间1小时。</p>
                          <p>节目介绍： 速度与激情，国内唯一完美融合跑酷，街舞，汽车，摩托车特技表演 | 汽车街舞速度与激情速度与激情速度与激情</p>
                      </div>
                      <div class="order_right">
                          <h3>￥<strong>98</strong>起</h3>
                          <del>原价：60.00</del>
                          <span><a href="Product_xq">立即预定</a></span>
                      </div>
                  </li>
                  <li>
                      <div class="order_img"><img src="../img/order3.jpg"></div>
                      <div class="order_text">
                          <h3>张家界Passion汽车特技表演</h3>
                          <p>场馆地址：湖南省张家界市永定区白杨坡<span class="map_open"><em><img src="../img/map.png"></em>查看地图</span></p>
                          <p>开放时间：表演每晚20：30开始，表演时间1小时。</p>
                          <p>节目介绍： 速度与激情，国内唯一完美融合跑酷，街舞，汽车，摩托车特技表演 | 汽车街舞速度与激情速度与激情速度与激情</p>
                      </div>
                      <div class="order_right">
                          <h3>￥<strong>98</strong>起</h3>
                          <del>原价：60.00</del>
                          <span><a href="#">立即预定</a></span>
                      </div>
                  </li>
                  <li>
                      <div class="order_img"><img src="../img/order4.jpg"></div>
                      <div class="order_text">
                          <h3>张家界Passion汽车特技表演</h3>
                          <p>场馆地址：湖南省张家界市永定区白杨坡<span><em><img src="../img/map.png"></em>查看地图</span></p>
                          <p>开放时间：表演每晚20：30开始，表演时间1小时。</p>
                          <p>节目介绍： 速度与激情，国内唯一完美融合跑酷，街舞，汽车，摩托车特技表演 | 汽车街舞速度与激情速度与激情速度与激情</p>
                      </div>
                      <div class="order_right">
                          <h3>￥<strong>98</strong>起</h3>
                          <del>原价：60.00</del>
                          <span><a href="Product_xq">立即预定</a></span>
                      </div>
                  </li>
                  <li>
                      <div class="order_img"><img src="../img/order5.jpg"></div>
                      <div class="order_text">
                          <h3>张家界Passion汽车特技表演</h3>
                          <p>场馆地址：湖南省张家界市永定区白杨坡<span><em><img src="../img/map.png"></em>查看地图</span></p>
                          <p>开放时间：表演每晚20：30开始，表演时间1小时。</p>
                          <p>节目介绍： 速度与激情，国内唯一完美融合跑酷，街舞，汽车，摩托车特技表演 | 汽车街舞速度与激情速度与激情速度与激情</p>
                      </div>
                      <div class="order_right">
                          <h3>￥<strong>98</strong>起</h3>
                          <del>原价：60.00</del>
                          <span><a href="#">立即预定</a></span>
                      </div>
                  </li>
              </ul>
          </div>
            <div class="page fot_top">
                <a href="#" class="page_on">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#" class="page_mo">></a>
            </div>
        </div>
    </div>
</div>
<!-- 正文内容结束 -->

<!-- 尾部版权信息 -->
<div class="footer fot_top">
    <div class="fot_box">
        <dl>
            <dd><a href="#">汽车文化</a><span></span></dd>
            <dd><a href="#">休闲娱乐</a><span></span></dd>
            <dd><a href="#">产品预定</a></dd>
        </dl>
        <p><span class="fl"><img src="../img/fot1.png"></span>©Copyright2017张家界博裕隆文化传媒有限责任公司版权所有<b>湘ICP备05011961号</b><a class="cl" href="#">技术支持：湖南畅旅 </a><span class="fr"><img src="../img/fot1.png"></span></p>
    </div>
</div>
<!--版权信息结束-->

<!--地图弹出遮罩-->
<div class="order_map">
  <div class="order_main">
     <span class="close"><img src="../img/close2.png"></span>
    <div class="map_bpx">
      <img src="../img/map1.png">
    </div>
  </div>
</div>
<!--地图结束-->

<!--地图弹出事件js-->
<script>
    var browser = function() {
        return navigator.userAgent.indexOf("IE") > -1 ? $("html") : $("body")
    }()
    document.onmousewheel = function(e) {
        var scrollInt = browser.scrollTop() - e.wheelDelta * 1.5;
        browser.stop(true, false);
        browser.animate({
            scrollTop: scrollInt
        },
                120 * 6, "easeOutCubic");
        return false
    };
    $(function () {
        $('.map_open').click(function () {
            $('.order_map').fadeIn();
        });
        $('.close').click(function () {
            $('.order_map').fadeOut();
        })
        $('.order_map').click(function () {
            $('.order_map').fadeOut();
        })
    })
</script>
<!--地图js结束-->
</body>
</html>